<script setup lang="ts">
import TextEllipsisPopover from "../../../../components/navie/TextEllipsisPopover.vue"
import serverStore from "../../../../store/modules/server-store"
import ServerAdd from "../../../../components/server/ServerAdd.vue"
import ServerEdit from "../../../../components/server/ServerEdit.vue"
import ServerChange from "../../../../components/server/ServerChange.vue"
</script>

<template>
  <div class="server-current">
    <div class="px-4 py-2">
      <TextEllipsisPopover class="text-lg font-bold" :text="serverStore.current.name"/>
      <TextEllipsisPopover :text="serverStore.current.host"/>
    </div>
    <div class="server-current__operator px-2 flex-between">
      <div class="flex gap-2">
        <ServerAdd/>
        <ServerEdit/>
      </div>
      <div>
        <ServerChange/>
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>
